<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>jd-搜索</title>
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_3263454_gw56uoce4a8.css">
    <!-- 轮播插件 -->
    <link rel="stylesheet" href="./swiper-7.4.1/swiper/swiper-bundle.min.css">
    <link rel="stylesheet" href="./css/navigationBar.css">
    <link rel="stylesheet" href="./css/index.css">
    <!-- <link rel="stylesheet" href="./css/shopping-cart.css"> -->
    <link rel="stylesheet" href="./css/search.css">
</head>
<body>
    <nav>
        <div class="nav_content">
            <ul class="left">
                <li>
                    <a href="./index.html" class=""><span class="iconfont icon-shouyeshouye"></span>京东首页</a>
                </li>
                <li>
                    <a href="" class=""><span class="iconfont icon-weizhi"></span>福建</a>
                </li>
            </ul>
            <ul class="right">
                <li class="dropdown">
                    <a href="./jd-login.html" class="login">你好，请登录</a>
                    <a href="">免费注册</a>
                </li>
                <li><a href="">我的订单</a></li>
                <li class="myjd dropdown"><a href="">我的京东<span class="iconfont icon-xiajiantou"></span></a>
                    <div class="dropdown-layer">
                        <section class="myjdlist">
                            <div>待处理订单</div>
                            <div>我的问答</div>
                            <div>返修退换货</div>
                            <div>我的关注</div>
                            <div>降价商品</div>
                        </section>
                        <section class="myjdlist2">
                            <div>我的京豆</div>
                            <div>我的优惠券</div>
                            <div>我的白条</div>
                            <div>我的理财</div>
                        </section>
                    </div>
                </li>
                <li><a href="">京东会员</a></li>
                <li class="companny dropdown">
                    <a href="">企业采购<span class="iconfont icon-xiajiantou"></span></a>
                    <div class="dropdown-layer">
                        <section class="myjdlist">
                            <div>企业购</div>
                            <div>公共采购平台</div>
                            <div>工业品</div>
                            <div>商用场景观</div>
                            <div>礼品卡</div>
                            <div>企业微信购</div>
                            <div>工品优选</div>
                            <div>京东锦礼</div>
                            <div>大中型客户采购</div>
                        </section>
                    </div>
                </li>
                <li><a href="">客户服务<span class="iconfont icon-xiajiantou"></span></a></li>
                <li><a href="">网站导航<span class="iconfont icon-xiajiantou"></span></a></li>
                <li class="phone_jd">
                    <a href="">手机京东</a>
                    <!-- 二维码 -->
                    <!-- <div>
                        <div></div>
                    </div> -->
                </li>
                <li><a href="">网站无障碍</a></li>
            </ul>
        </div>
    </nav>
    <header>
        <div class="wrap">
            <div class="logo">
                <div class="small-logo"></div>
                <!-- <img src="https://misc.360buyimg.com/mtd/pc/index_2019/1.0.0/assets/sprite/header/sprite.png" alt=""> -->
            </div>
            <div class="search">
                <div class="form">
                    <input type="text" name="" id="" placeholder="超薄本">
                    <!-- 小相机 -->
                    <span class="iconfont icon-Photo"></span>
                    <button class="iconfont icon-fangdajing"></button>

                    <!-- 购物车 -->
                    <div class="shopping_cart dropdown">
                        <span class="iconfont icon-gouwuchekong">
                            <i class="goods_num">0</i>
                        </span>
                        <span>我的购物车</span>

                        <div class="dropdown-layer">
                            <section class="myjdlist">
                                <span></span>
                            </section>
                        </div>
                    </div>

                    <ul class="keyword">
                        <li>品质好尿裤</li>
                        <li>周年庆</li>
                        <li>华硕路由</li>
                        <li>iphone13</li>
                        <li>京东京造</li>
                        <li>分区洗护</li>
                        <li>红米k50</li>
                        <li>YEEZY</li>
                        <li>ochirly</li>
                        <li>手机华为</li>
                        <li>手机小米</li>
                        <li>苹果手机</li>
                    </ul>

                    <div class="sort">
                        <a href="" class="menu">全部商品分类</a>
                        <a href="">京东时尚</a>
                        <a href="">美妆馆</a>
                        <a href="">超市</a>
                        <a href="">生鲜</a>
                        <a href="">京东国际</a>
                        <a href="">闪购</a>
                        <a href="">拍卖</a>
                        <a href="">金融</a>
                    </div>
                </div>
            </div>

        </div>
    </header>
    <main>
        <div class="recommend-goods">
            <ul>
            </ul>
        </div>
        <div class="main-box main-content">
            <div class="select">
                <ul>
                </ul>
                <!-- 二级菜单 -->
                <section class="secondary-menu">
                </section>
            </div>
        </div>
    </main>
    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
    <script src="./js/data.js"></script>
   
    <script src="./js/public.js"></script>
    <script src="./js/search.js"></script>
</body>
</html>